layui.use('layer', function () {
    //由于layer弹层依赖jQuery，所以可以直接得到
    var $ = layui.$
        ,
        layer = layui.layer;

    var clientHeight = document.documentElement.clientHeight; //获取可视区域的高度
    var timer = null; //定义一个定时器
    var isTop = true; //定义一个布尔值，用于判断是否到达顶部

    <!-- 轮播图 -->
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1',
            width: '100%',
            height: '200px',
            arrow: 'hover' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });

    <!-- head的js -->
    layui.use('element', function () {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        // element.on('nav(demo)', function(elem) {
        // 	console.log(elem)
        // 	layer.msg(elem.text());
        // 	alert(elem);
        // });
    });

    // 设置弹窗登录框
    // layui.use('layer', function () { //独立版的layer无需执行这一句
    //     var $ = layui.jquery,
    //         layer = layui.layer; //独立版的layer无需执行这一句
    //
    //     $("#log").click(function () {
    //         //示范一个公告层
    //         parent.layer.open({
    //             type: 2,
    //             title: false, //不显示标题栏
    //             closeBtn: true,
    //             area: ['560px;', '450px'],
    //             shade: 0.7,
    //             id: 'LAY_layuipro', //设定一个id，防止重复弹出
    //             // btn: ['登录'],
    //             btnAlign: 'c',
    //             moveType: 1, //拖拽模式，0或者1
    //             // content: "../login/aindex.html",这是从head页面的路径
    //             content: "templates/FrontPages/login/aindex.html", //这是从index页面的路径
    //             // }
    //         });
    //     });
    // });

    window.onscroll = function () { //滚动条滚动事件

        //主要用于判断当 点击回到顶部按钮后 滚动条在回滚过程中，若手动滚动滚动条，则清除定时器
        if (!isTop) {
            clearInterval(timer);
        }
        isTop = false;
    };
    $("#navmenu li a.topLink").click(function () {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 1000,
            easing: "swing"
        });
        return false;
    });
    $(".totop").click(function () {
        timer = setInterval(function () {
            //获取滚动条的滚动高度
            var osTop = document.documentElement.scrollTop || document.body.scrollTop;
            //用于设置速度差，产生缓动的效果
            var speed = Math.floor(-osTop / 6);
            document.documentElement.scrollTop = document.body.scrollTop = osTop + speed;
            isTop = true; //用于阻止滚动事件清除定时器
            if (osTop == 0) {
                clearInterval(timer);
            }
        }, 30);
    });


    //实现微信二维码缓慢出现
    $(".weixin-icon").hover(function () {
        $(".weixin-img").stop().fadeToggle("slow");
    });
    // $(".weixin-icon").mouseenter(function() {
    // 	$(".weixin-img").stop().show("slow");
    // });
    // $(".weixin-icon").mouseleave(function() {
    // 	$(".weixin-img").stop().hide(800);
    // });

    // 实现悬浮导航栏动态调整
    $(window).scroll(function () {
        //为了保证兼容性，这里取两个值，哪个有值取哪一个
        //scrollTop就是触发滚轮事件时滚轮的高度
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

        var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;

        // console.log("滚动距离" + scrollTop);
        // 由于未知的原因,如果写在一起或导致页面从底部向上滚动过快时右侧导航栏无法触发向下移动,所以分开写
        // 左侧导航栏

        if (scrollTop <= 99) {
            $(".left-Navigation").stop().animate({
                top: '100px'
            }, 400);
        } else if (scrollTop > 99) {
            $(".left-Navigation").stop().animate({
                top: '30px'
            }, 400);
        }
        // 右侧导航栏
        var height = scrollHeight - clientHeight;

        if (scrollTop < height - 100) {
            $(".right-Navigation").stop().animate({
                top: '400px'
            }, 400);
        } else if (scrollTop > height - 100) {
            $(".right-Navigation").stop().animate({
                top: '320px'
            }, 400);
        }

        //当页面向下滚动到遮住轮播图是，列表向上移动
        // if ( scrollTop < 300) {
        // 	$(".b").stop().animate({
        // 		top: '0'
        // 	}, 400);
        // }else if (scrollTop > 300) {
        // 	$(".b").stop().animate({
        // 		top: '-100px'
        // 	}, 400);
        // }
    });
    //进入blog详情页面
    click0 = function (obj) {
        window.location.href = '/Blog/blogdetail/' + $(obj).attr("value");
    };
    //按标签展示blog
    $(".index-container .left-Navigation .left-menu li").find("a").click(function () {
        var type = $(this).text();
        if (type == "推荐") {
            setTimeout(function () {
                window.location.reload();
            }, 100)
        } else {
            $.ajax({
                url: '/selectbylabels/' + type,
                success(data) {
                    if (data.blogs.length != 0) {
                        $(".layui-carousel").hide("slow");
                        $(".main-list-ul").empty();
                        for (var o in data.blogs) {
                            $(".main-list-ul").append(
                                "<li>" +
                                "<div class='main-list-item'>" +
                                "<div class='title' value=" + data.blogs[o]["bid"] + " onclick='click0(this);'>" +
                                "<h2 >" + data.blogs[o]["title"] + "</h2>" +
                                "</div>" +
                                "<div class='content' utext=" + data.blogs[o]["content"] + ">" +
                                "</div>" +
                                "<div class='user-bar'>" +
                                "<img src=" + data.users[o]["img"] + "/>" +
                                "<a href='/User/userexh/" + data.users[o]["uid"] + "'> " + data.users[o]["name"] + "</a>" +
                                "</div>" +
                                "<div class='status'>" +
                                "<i class='layui-icon'>&#xe6c6;&nbsp;</i>" +
                                "<span>" + data.blogs[o]["likeNumber"] + "</span>&nbsp;| " +
                                "<i class='layui-icon'>&#xe600;&nbsp;</i>" +
                                "<span> " + data.blogs[o]["collectionNumber"] + "&nbsp;|</span>" +
                                "</div></div></li>"
                            );
                        }
                    } else {
                        layer.msg(data.msg);
                    }
                }
            })
        }
    });

    // 左侧导航栏的点击事件
    $(".left-menu").find("a").click(function () {
        $(".left-menu").find("a").removeClass("active");
        $(this).addClass("active");
    });
});
